<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@page contentType="text/html;charset=UTF-8" %>

<!-- Main account area -->

<div class="grid_19 clearfix">


    <h1>Add Address</h1>

    <div class="account_wrapper">
        <p class="required_caption">
            Fields marked * are required
        </p>


        <form:form class="registration_form add_address" method="post" modelAttribute="addressd">
            <form:hidden path="id"/>
            <fieldset>
                <div class="form_field title">
                    <div class="input_value">
                        <label> <em>*</em> Title: </label>

                        <div class="value">
                            <form:select class="selectbox required" id="dwfrm_profile_address_title"
                                  path="title"  >
                                <form:option class="selectoption" label="Mr" value="Mr.">Mr</form:option>
                                <form:option class="selectoption" label="Mrs" value="Mrs.">Mrs</form:option>
                                <form:option class="selectoption" label="Miss" value="Miss">Miss</form:option>
                            </form:select>
                            <span class="hidden json">{label:"Title"}</span><!-- this MUST be immediately after the input/field tag. Hiden data to be attached to the input field (app.hiddenData in app.js -->
                        </div>


                    </div>
                </div>
                <!-- END: title -->
                <div class="form_field first_name">
                    <div class="input_value">
                        <label>
                            <em>*</em>
                            First Name:
                        </label>

                        <div class="value">
                            <form:input class="textinput regular_input required" id="dwfrm_profile_address_firstName"
                                   type="text"
                                   path="firstName"  maxlength="15"/>
                            <!-- display text area input field -->
                            <span class="hidden json">{label:"First Name"}</span><!-- this MUST be immediately after the input/field tag. Hiden data to be attached to the input field (app.hiddenData in app.js -->
                        </div>


                    </div>
                </div>
                <!-- END: firstname -->
                <div class="form_field last_name">
                    <div class="input_value">
                        <label>
                            <em>*</em>
                            Last Name:
                        </label>

                        <div class="value">
                            <form:input class="textinput regular_input required" id="dwfrm_profile_address_lastName"
                                   type="text"
                                   path="lastName"  maxlength="26"/>
                            <!-- display text area input field -->
                            <span class="hidden json">{label:"Last Name"}</span><!-- this MUST be immediately after the input/field tag. Hiden data to be attached to the input field (app.hiddenData in app.js -->
                        </div>
                    </div>
                </div>
                <!-- END: lastname -->
                <!-- determine how many fields we have per line -->
                <div class="medium_field address_1 single_field">
                    <label>
                        <em>*</em> Address 1:
                    </label>

                    <div class="value">
                        <form:input class="textinput medium_input required" id="dwfrm_profile_address_address1" type="text"
                                    path="address"  maxlength="32"/>
                        <!-- display text area input field -->
                        <span class="hidden json">{label:"Address 1"}</span><!-- this MUST be immediately after the input/field tag. Hiden data to be attached to the input field (app.hiddenData in app.js -->
                    </div>
                </div>
                <!-- END: address1 -->
                <div class="form_field address_2">
                    <label> Address 2: </label>

                    <div class="value">
                        <form:input class="textinput regular_input" id="dwfrm_profile_address_address2" type="text"
                                    path="address2"  maxlength="25"/>
                        <!-- display text area input field -->
                        <span class="hidden json">{label:"Address 2"}</span><!-- this MUST be immediately after the input/field tag. Hiden data to be attached to the input field (app.hiddenData in app.js -->
                    </div>
                </div>
                <!-- END: address2 -->
                <div class="form_field city_wrapper city">
                    <label> <em>*</em> Postal Code, * Town/City: </label>

                    <div class="value">
                        <form:input class="textinput small_input required" id="dwfrm_profile_address_zip" type="text"
                                    path="postCode"  maxlength="8"/>
                        <!-- display text area input field -->
                        <span class="hidden json">{label:"Postal Code, * Town/City"}</span><!-- this MUST be immediately after the input/field tag. Hiden data to be attached to the input field (app.hiddenData in app.js -->
                    </div>
                    <div class="value">
                        <form:input class="textinput medium_input required" id="dwfrm_profile_address_city" type="text"
                                    path="phone"  maxlength="24"/>
                        <!-- display text area input field -->
                        <span class="hidden json">{label:"City"}</span><!-- this MUST be immediately after the input/field tag. Hiden data to be attached to the input field (app.hiddenData in app.js -->
                    </div>
                </div>
                <!-- END: zip -->
                <div class="form_field country">
                    <div class="input_value">
                        <label>
                            <em>*</em>
                            Country:
                        </label>
        <span>
			United Kingdom
<img src="../resource_account_files/icon_exc.png" class="jsToolTip" rel="tt_checkout-country-tooltip">
<div class="jsInfo" id="tt_checkout-country-tooltip">
    <div class="contentasset"><!-- dwMarker="content" dwContentID="bdV1ciaagRrgcaaacUjbUy9CTb" -->
        <p>If this is not your country, please choose the correct country in the top of the site</p>
    </div>
    <!-- End contentasset -->
</div>

		</span>
                        <input type="hidden"  value="GB">
                    </div>
                </div>
                <!-- END: country -->

                <div class="form_field remember_me clearfix">


                    <div class="checkbox">
                        <form:checkbox class="checkinput"     path="isPrimary"
                               id="dwfrm_profile_address_makeDefault" value="true" maxlength="2147483647"/>
                        <label for="dwfrm_profile_address_makeDefault">Make this my default address</label>
                    </div>


                </div>


                <div class="process_buttons">
                    <div id="addressformaction"></div>

                    <button class="negative step_back button_back" type="submit" id="cancelBtn"
                            name="dwfrm_profile_cancel">
                        <span>Cancel</span>
                    </button>


                    <button class="positive step_forward button_forward" type="submit" id="saveBtn"
                            name="dwfrm_profile_saveaddress">
                        <span>Save Address</span>
                    </button>
                </div>


                <isselse>



            </fieldset>

        </form:form>
    </div>

    <script type="text/javascript">
        jQuery(document).ready(function () {
            app.bindZipFields();
        });
    </script>


</div>

